@import './transition.css';
@import 'tailwindcss';
@plugin 'tailwind-scrollbar' {
  nocompatible: true;
  preferredstrategy: 'pseudoelements';
}
@plugin "@tailwindcss/typography";
@plugin "@iconify/tailwind4";

/* 波浪动画 */
@keyframes wave {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    opacity: 0.5;
  }
  20% {
    transform: scaleY(1);
    opacity: 1;
  }
}

/* 渐变脉冲动画 */
@keyframes gradient-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}

/* 彩虹旋转动画 */
@keyframes rainbow-spin {
  0% {
    transform: rotate(0deg);
    border-color: #3b82f6 transparent transparent transparent;
  }
  25% {
    border-color: #8b5cf6 transparent transparent transparent;
  }
  50% {
    transform: rotate(180deg);
    border-color: #ec4899 transparent transparent transparent;
  }
  75% {
    border-color: #f59e0b transparent transparent transparent;
  }
  100% {
    transform: rotate(360deg);
    border-color: #3b82f6 transparent transparent transparent;
  }
}

body,
html {
  margin: 0;
  height: 100%;
  width: 100% !important;
  overflow: hidden;
}

#app {
  height: 100%;
  width: 100%;
}
/* body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

.cflex {
  @apply flex justify-center items-center;
}

.scrollBarY {
  @apply overflow-y-auto  scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-thin scrollbar-thumb-zinc-400;
}


